<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>城市客厅邀请函</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
		<link rel="stylesheet" href="{$_C.hy_path}css/child/animate.css" />
		<link rel="stylesheet" href="{$_C.hy_path}css/child/swiper.min.css" />
		<link rel="stylesheet" href="{$_C.hy_path}css/child/index.css" />
	</head>
	<body>
		<div class="swiper-container">
			<img src="{$_C.hy_path}images/child/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
			<div class="swiper-wrapper">
				<!-------------slide1----------------->
				<div class="swiper-slide">
					<div class="banner"><img src="{$_C.hy_path}images/child/banner.png" class="ani" swiper-animate-effect="tada" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="city"><img src="{$_C.hy_path}images/child/city.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
					<div class="han"><img src="{$_C.hy_path}images/child/han.png" class="ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="2s"></div>
					<div class="tai"><img src="{$_C.hy_path}images/child/tai.png"></div>
					<div class="logo"><img src="{$_C.hy_path}images/child/p1logo.png"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide2----------------->
				<div class="swiper-slide">
					<div class="p2rcar"><img src="{$_C.hy_path}images/child/p2rcar.png"></div>
					<div class="p2titel"><img src="{$_C.hy_path}images/child/p2titel.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
					<div class="p2zi ani" swiper-animate-effect="kun" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<div class="p2grow"><img src="{$_C.hy_path}images/child/p2grow.png" /></div>
						<div class="p2parent"><img src="{$_C.hy_path}images/child/p2parent.png" /></div>
					</div>
					<b class="tips wens"></b>
				</div>
				<!-------------slide3----------------->
				<div class="swiper-slide">
					<img src="{$_C.hy_path}images/child/p4bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="P3j df"><img src="{$_C.hy_path}images/child/P3j.png" class="ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="p4cheng"><img src="{$_C.hy_path}images/child/cheng.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s"></div>
					<div class="p4zong"><img src="{$_C.hy_path}images/child/zong.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s"></div>
					<b class="tips wens"></b>
				</div>
				<!-------------slide4----------------->
				<div class="swiper-slide">
					<div class="P3j"><img src="{$_C.hy_path}images/child/P3j.png" class="ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="p3jiaos"><img src="{$_C.hy_path}images/child/p3jiaos.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s"></div>
					<div class="p3titl"><img src="{$_C.hy_path}images/child/p3titl.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
					<div class="p3mia"><img src="{$_C.hy_path}images/child/p3mia.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s"></div>
				</div>
				
				<!-------------slide5----------------->
				<div class="swiper-slide">
					<div class="p4titme"><img src="{$_C.hy_path}images/child/p4titme.png" class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="p4address"><img src="{$_C.hy_path}images/child/p4address.png"></div>
					<div class="p4map"><img src="{$_C.hy_path}images/child/p4map.png"></div>
				</div>
				<!-------------slide6----------------->
				<div class="swiper-slide">
					<div class="p5sign"><img src="{$_C.hy_path}images/child/p5sign.png"></div>
					<div class="texbox">
						<input type="text" id="name" placeholder="姓名"/>
						<input type="text" id="phone" placeholder="电话"/>
						<input type="text" id="company" placeholder="单位"/>
						<input type="text" id="job" placeholder="职务"/>
						<input type="text" id="email" placeholder="邮箱"/>
					<!--	<input id="but" type="button" value="提交信息" />-->
						<button onClick="apply()">提交信息</button>
					</div>
					<!--<div class="p9lgo"><img src="img/p9/p9lgo.png"></div>-->
				</div>
			</div>
		</div>
        <a id="mc_play" class="stop muls">
            <audio id="musicfx" loop autoplay>
                <source src="{$_C.hy_path}mp3/1.mp3" type="audio/mpeg">
            </audio>
        </a>
        <script type="text/javascript" src="{$_C.hy_path}js/child/swiper-3.2.7.jquery.min.js" ></script>
		<script type="text/javascript" src="{$_C.hy_path}js/child/swiper.animate.min.js" ></script>
		<script type="text/javascript" src="{$_C.hy_path}js/child/swiper.min.js" ></script>
       	<script type="text/javascript" src="{$_C.hy_path}js/child/jquery-1.8.3.min.js" ></script>
        <script type="text/javascript" src="{$_C.hy_path}js/child/index.js" ></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
		  wx.config({
		    debug: false, 
		   appId: '{$jsdk.appId}',
				timestamp: {$jsdk.timestamp},
				nonceStr: '{$jsdk.nonceStr}',
				signature: '{$jsdk.signature}',
		    jsApiList: [
		      // 所有要调用的 API 都要加到这个列表中
		      'onMenuShareTimeline',
		      'onMenuShareAppMessage',
		    
		    ]
		  });
		
		  wx.ready(function () {
 			wx.onMenuShareTimeline({
			    title: '城市客厅邀请函－共筑儿童成长生态',
			     link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=child',
			     imgUrl: 'http://g4.airefp.com/ws/Mobile/Webroot/gf/images/child/share.png',
			      trigger: function (res) {
			       
			      },
			      success: function (res) {
			    	 
			      },
			      cancel: function (res) {
			       
			      },
			      fail: function (res) {
			      }
		    });
		    
			wx.onMenuShareAppMessage({
				link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=child',
			     imgUrl: 'http://g4.airefp.com/ws/Mobile/Webroot/gf/images/child/share.png',
			     title: '城市客厅邀请函',
			    desc: '城市客厅邀请您一起来“共筑儿童成长生态”',
			    success: function () { 
			    	
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});

  	});
	  </script>
	</body>
</html>
